<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #74DA8D;
}
body,td,th {
	color: #000000;
}
-->
</style>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<LINK REL="SHORTCUT ICON" HREF="Imagenes/login2.png">
<title>GeoPuebla</title>
<style type="text/css">
<!--
.Estilo1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Estilo2 {
	font-size: 16px;
	font-weight: bold;
}
.Estilo3 {
	font-size: 16px;
	font-weight: bold;
}
.Estilo4 {font-size: 14px}
.Estilo6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.Estilo7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
-->
</style>
</head>

<body>
<div id="Accordion1" class="Accordion" tabindex="0">
  <div class="AccordionPanel Estilo1">
    <div class="AccordionPanelTab Estilo2">How could I create a tour?</div>
    <div class="AccordionPanelContent Estilo4">
      <p>To create a Tour you have two basic options:</p>
      <p><strong>First Option</strong><br />
      Click on the Icon <img src="Imagenes/createTourIcon.png" width="55" height="55" />if you have not selected an initial point for your tour.</p>
      <p>Select all the places that will include your tour: <img src="Imagenes/Help/img1.png" width="144" height="33" />.</p>
      <p>If you want to take a look to how would your tour would look like, click on the button <img src="Imagenes/Help/img2.png" width="71" height="16" />.</p>
      <p>Write a name and description for your tour and click on <img src="Imagenes/Help/img3.png" width="70" height="15" />.<br />
        <br />
      </p>
      <p><strong>Second Option</strong><br />
      Click on the map and select the initial point.</p>
      <p>Then click on the button <img src="Imagenes/Help/img4.png" width="55" height="14" />.<br />
      </p>
      <p>Select all the places that will include your tour: <img src="Imagenes/Help/img1.png" width="144" height="33" />.</p>
      <p>If you want to take a look to how would your tour would look like, click on the button <img src="Imagenes/Help/img2.png" width="71" height="16" />.</p>
      <p>Write a name and description for your tour and click on <img src="Imagenes/Help/img3.png" width="70" height="15" />.</p>
      <p><br />
                        </p>
    </div>
  </div>
  <div class="AccordionPanel">
    <div class="Estilo3 Estilo1 AccordionPanelTab">How could I view a tour?</div>
    <div class="AccordionPanelContent Estilo1 Estilo4">
      <p>To view a tour you have to click on the icon <img src="Imagenes/viewTourIcon.png" width="56" height="56" />.</p>
      <p>Then you must select the tour that you want to view <img src="Imagenes/Help/img5.png" width="216" height="21" />.</p>
      <p>Finally click on <img src="Imagenes/Help/img6.png" width="89" height="20" />.</p>
      <p>You will see the tour in the map.</p>
    </div>
  </div>
  <div class="AccordionPanel">
    <div class="AccordionPanelTab Estilo1 Estilo2">About GeoPuebla</div>
    <div class="AccordionPanelContent">
      <p class="Estilo6"><img src="Imagenes/login2.png" width="68" height="60" /><span class="Estilo3">GeoPuebla</span><br />
        Version 1.0<br />
        Monserrat Castro Villegas, Mallinali Ramírez Corona, Guillaume Rebesche, Jorge Luis Molina Gómez.</p>
      <p class="Estilo7">&copy; 2008. Instituto Tecnológico y de Estudios Superiores de Monterrey, campus Puebla. L'INSA de Lyon, Institut National des Sciences Appliquées de Lyon. All rights reserved.</p>
    </div>
  </div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
